<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta content="福泉市综合行政执法局" http-equiv="keywords">
  <meta name="description" content="福泉市综合行政执法局">
  <meta name="applicable-device" content="pc,mobile">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>个人信息</title>

  <link rel="stylesheet" href="css/index.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="css/children.css">

  <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
  <script type="text/javascript" src="js/public.js"></script><!-- 菜单js等-->
  <!-- 时间选择js -->
  <script type="text/javascript" src="js/laydate.js"></script>

  <style>
    table,table tr th, table tr td {
      border:2px solid #000;
    }
    table {
      width: 90%;
      height: 1000px;
    }

    .default {
      background: #eeeeee;
      display: inline-block;
      width: 70px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin: 4px 2px;
    }
    .weak {
      background: #FF0000;
      display: inline-block;
      width: 70px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin: 4px 2px;
    }
    .medium {
      background: #FF9900;
      display: inline-block;
      width: 70px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin: 4px 2px;
    }
    .strong {
      background: #81c234;
      display: inline-block;
      width: 70px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin: 4px 2px;
    }
    .aaa{
      display: inline-block;
      width: 70px;
      height: 30px;
      line-height: 30px;
      background: #ddd;
      text-align: center;
      margin: 4px 2px;
    }


    .reset_pwd div input {
      border: 1px solid #000;
      width: 200px;
      height: 30px;
    }
  </style>

</head>
<body>
<!--头部-->
<div class="topbox bg">
  <div style="float: right;margin-right: 20px;color: #ffffff" >
    <p>
      <span>登录</span>
      <span>注册</span>
    </p>
  </div>
  <div class="wid_main fix">
    <div class="logo l">
      <img src="images/lunbo/no7pMo1d3B%20(1)_gaitubao_52x53.png" alt="logo"/>
      <span style="font-size: 50px;color: #ffffff;margin-left: 30px">云南省党外人士大数据智能管理平台</span>
    </div>
    <!-- 搜索 -->
    <div class="search_box r bora_5">
      <form>
        <div>
          <input type="text" name="" placeholder="请输入关键词检索">
          <button type="submit"><img src="images/search.png"></button>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- top end -->

<!-- 主体内容框 -->
<div class="contentbox wid_main bora_5">
  <div class="content">

    <!-- 导航栏部分 -->
    <div class="top_nav bg bora_5 ovh">
      <ul class="fix">
        <li>
          <a href="index.html">首 页</a>
        </li>
        <li>
          <a href="newslist.html">我在学</a>
        </li>
        <li>
          <a href="participate.html">我参与</a>
        </li>
        <li>
          <a href="info_public.html">我建议</a>
        </li>
        <li class="cur">
          <a href="aboue_me.html">关于我</a>
        </li>
      </ul>
    </div>
    <!-- 导航end -->

    <!-- 当前位置 -->
    <div class="gonggao bdb_d fix">
      <div class="txtScroll-top l fix zy_cur">
        <div class="l tit"><img src="images/icon_location.png"><b class="dib vm">当前位置：</b></div>
        <p class="l"><a href="#">关于我</a><a href="#">我的信息</a><span class="three_title">基本信息</span></p>
      </div>

      <!-- 时间 -->
      <div class="timebox fc r">
        <script type="text/javascript" src="js/show_date.js"></script>
      </div>
    </div>

    <!-- 子页内容框 -->
    <div class="zy_contentbox">
      <!-- zy_content -->
      <div class="zy_content fix">
        <!-- 左边栏 -->
        <div class="zy_left_con">
          <b></b>
          <!-- 二级菜单 -->
          <div class="zy_twonav">
            <h2 class="tit">我的信息</h2>
            <!--切换菜单栏-->
            <ul class="change_menu">
              <li class="cur current_menu"><a>基本信息</a></li>
              <li class="current_menu"><a>实名认证</a></li>
              <li class="current_menu"><a>修改密码</a></li>
            </ul>
          </div>

          <!-- 联系信息 -->
          <div class="contact" style="display: none">
            <h2 class="tit"></h2>
            <dl>
              <dd><img src="images/icon_tel.png"><a></a></dd>
              <dd><img src="images/icon_email.png"><a></a></dd>
              <dd><img src="images/icon_pin.png"><a></a></dd>
            </dl>
          </div>
        </div>

        <!-- 右边内容 -->
        <div class="zy_right_con">
          <!-- 当前位置 -->
          <div class="zy_title fix">
            <h2><span class="three_title">基本信息</span><i></i></h2>
          </div>
          <!-- 内容展示块-->
          <div class="main_content">

            <!--个人简介-->
            <div class="introduction">
              <table align="center" border="2px" cellspacing="0"  cellpadding="2"><caption>个人信息</caption>
                <tr>
                  <td>姓名</td>
                  <td width="15%"></td>
                  <td>性别</td>
                  <td width="15%"></td>
                  <td>民族</td>
                  <td width="15%"></td>
                  <td  width="18%" rowspan="6" align="center">照片</td>
                </tr>
                <tr>
                  <td >曾用名</td>
                  <td ></td>
                  <td colspan="2">出生日期</td>
                  <td colspan="2"></td>
                </tr>
                <tr>
                  <td >籍贯</td>
                  <td ></td>
                  <td colspan="2">身份证号</td>
                  <td colspan="2"></td>
                </tr>
                <tr>
                  <td>政治面貌</td>
                  <td ></td>
                  <td colspan="2">入党(团)时间</td>
                  <td colspan="2"></td>
                </tr>
                <tr>
                  <td>最高学历</td>
                  <td ></td>
                  <td colspan="2">毕业证书编号</td>
                  <td colspan="2"></td>
                </tr>
                <tr>
                  <td>联系地址</td>
                  <td colspan="5"></td>
                </tr>
                <tr>
                  <td>联系电话</td>
                  <td ></td>
                  <td colspan="2">电子邮箱</td>
                  <td colspan="3"></td>
                </tr>
                <tr>
                  <td>入学前户口所在地详细地址</td>
                  <td colspan="6"></td>
                </tr>
                <tr>
                  <td align="center" colspan="7">二、家庭成员情况</td>
                </tr>
                <tr>
                  <td>姓名</td>
                  <td>与本人关系</td>
                  <td>政治面貌</td>
                  <td align="center" colspan="4">工作单位及职务</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="4">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="4">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="4">&nbsp;</td>
                </tr>
                <tr>
                  <td colspan="7" >个人性格特点：</td>
                </tr>
                <tr>
                  <td colspan="7" >具备哪些特长和技能：</td>
                </tr>
                <tr>
                  <td align="center" colspan="7">三、教育背景（从中学填写）</td>
                </tr>
                <tr>
                  <td>起始年月</td>
                  <td colspan="3">学校</td>
                  <td>专业</td>
                  <td colspan="2">备注</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center" colspan="7">四、工作及实习经历</td>
                </tr>
                <tr>
                  <td>起始年月</td>
                  <td colspan="3">工作单位</td>
                  <td>岗位</td>
                  <td colspan="2">证明人及电话</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center" colspan="7">五、获奖等证书情况</td>
                </tr>
                <tr>
                  <td>获得时间</td>
                  <td colspan="2">证书名称</td>
                  <td colspan="3">内容</td>
                  <td>证书编号</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                  <td colspan="3">&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>

              </table>
              <form class="search_list" style="background-color: #ffffff;text-align: right;width: 90%">
              <button type="submit">修 改</button>
              <button type="submit" style="display: none">确 定</button>
            </form>
            </div>

            <!--实名认证-->

            <!--修改密码-->

            <script type="text/javascript">
              window.onload = function(){

                var oInput = document.getElementById('pwd');
                oInput.value = '';
                var spans = document.getElementsByTagName('span');
                var spans1=[];
                var j=0;
                for(var i=0;i<spans.length;i++)
                {
                  if(spans[i].className=="aaa"){
                    spans1[j]=spans[i];
                    j++;
                  }
                  else{

                  }
                }
                oInput.onkeyup = function(){
                  //强度状态设为默认

                  spans1[0].className = spans1[1].className = spans1[2].className = "default";

                  var pwd = this.value;
                  var result = 0;
                  for(var i = 0, len = pwd.length; i < len; ++i){
                    result |= charType(pwd.charCodeAt(i));
                  }

                  var level = 0;
                  //对result进行四次循环，计算其level
                  for(var i = 0; i <= 4; i++){
                    if(result & 1){
                      level ++;
                    }
                    //右移一位
                    result = result >>> 1;
                  }

                  if(pwd.length >= 6){
                    switch (level) {
                      case 1:
                        spans1[0].className = "weak";
                        break;
                      case 2:
                        spans1[0].className = "medium";
                        spans1[1].className = "medium";
                        break;
                      case 3:
                      case 4:
                        spans1[0].className = "strong";
                        spans1[1].className = "strong";
                        spans1[2].className = "strong";
                        break;
                    }
                  }
                }
              }
              /*
                  定义一个函数，对给定的数分为四类(判断密码类型)，返回十进制1，2，4，8
                  数字 0001 -->1  48~57
                  小写字母 0010 -->2  97~122
                  大写字母 0100 -->4  65~90
                  特殊 1000 --> 8 其它
              */
              function charType(num){
                if(num >= 48 && num <= 57){
                  return 1;
                }
                if (num >= 97 && num <= 122) {
                  return 2;
                }
                if (num >= 65 && num <= 90) {
                  return 4;
                }
                return 8;
              }
            </script>

            <div class="reset_pwd" style="display: none">
              <div>
                <span>请输入原密码：</span>
                <input type="password" name="pwd" class="input" value autocomplete="off" />
              </div>
              <div>
                <span>请输入新密码：</span>
                <input type="password" name="pwd" id="pwd1" class="input" value autocomplete="off"  />
                <span>密  码  强  度：</span>
                <span class="aaa">弱</span>
                <span class="aaa">中</span>
                <span class="aaa">强</span>
              </div>
              <div>
                <span>请确认新密码：</span>
                <input type="password" name="pwd" id="pwd2" class="input" value autocomplete="off"  />
                <span>密  码  强  度：</span>
                <span class="aaa">弱</span>
                <span class="aaa">中</span>
                <span class="aaa">强</span>
              </div>
            </div>

          </div>
        </div>
      </div>
      <!-- zy_content end -->
    </div>
    <!-- 内容框end -->

    <!-- 友情链接 -->
    <div class="link_more">
      <h3>【友情链接】</h3>
      <select  onchange=mbar(this) name="select">
        <option>各省市政府网站</option>
        <option value='http://www.yn.gov.cn/'>云南省人民政府</option>
      </select>

      <select  onchange=mbar(this) name="select">
        <option>省内其他网站</option>
        <option value='https://zwfw.yn.gov.cn/portal/#/home'>云南政务网</option>
      </select>

      <select  onchange=mbar(this) name="select">
        <option>各市州政府网站</option>
        <option value='https://zwfw.yn.gov.cn/portal/#/home'>云南政务网</option>
      </select>

      <select  onchange=mbar(this) name="select">
        <option>乡镇办事处网站</option>
        <option value='https://zwfw.yn.gov.cn/portal/#/home'>云南政务网</option>
      </select>

      <script type="text/javascript">
        function mbar(sobj) {
          var docurl =sobj.options[sobj.selectedIndex].value;
          if (docurl != "") {
            open(docurl,'_blank');
            sobj.selectedIndex=0;
            sobj.blur();
          }
        }
      </script>
    </div>

  </div>
</div>

<!-- 返回顶部 -->
<div class="side_box">
  <ul>
    <li class="sidetop">
      <span></span>
    </li>
  </ul>
</div>

<!-- 底部 -->
<div class="footerbox bg">
  <div class="wid_main fix">
    <div class="l">
      <a href="http://bszs.conac.cn/sitename?method=show&id=09D70ADDD9E64427E053022819AC3042" target="blank" class="dib vm"><img src="images/dangzheng.png"></a>
    </div>
    <div class="l txt">
      <p>版权所有：云南大学软件学院智能控制实验室&nbsp;&nbsp;&nbsp;地址：云南省昆明市呈贡区云南大学软件学院1602</p>
      <p><img src="images/beian.png">云公网安备 5201030200xxxx号&nbsp;&nbsp;&nbsp;云ICP备xxxxxxxxx号-2&nbsp;&nbsp;&nbsp;政府网站标识码：520xxxxxxxx</p>
      <p>云南大学智能控制团队建设和维护 <a href="    " target="_blank">  </a></p>
    </div>
    <ul class="r other fix">
      <li><a href="#">联系我们</a></li>
      <li><a href="#">团队概况</a></li>
      <li><a href="#">信息公开</a></li>
      <li><a href="#">网站指南</a></li>
    </ul>

  </div>
</div>
</div>

</body>
</html>

<script>
  $(document).ready(function(){
    $(".current_menu").click(function () {
      let threeContent = $(this).children().html()
      $(".three_title").html(threeContent)


      //清除其他li的class中的cur属性
      $(".change_menu").find("li").each(function () {
        $(this).removeClass("cur")
      })

      $(this).addClass("cur")


      if(threeContent === '基本信息') {
        $(".introduction").css('display', 'block')
        $(".reset_pwd").css('display', 'none')
      }

      if(threeContent === '修改密码') {
        $(".introduction").css('display', 'none')
        $(".reset_pwd").css('display', 'block')
      }

    });
  });

</script>
